<template>
  <div class="subPage" >
    <web-view :src="linkUrl"></web-view>
  </div>
</template>

<script>
  let app = getApp()
  let store = app.store
//   import { mapState } from 'vuex'
//   import nim from '@/utils/nim'
  import storage from '@/utils/storage'
//   import Bus from '@/utils/bus.js'
//   const { $Toast, $Message } = require('../../../../../static/iview/base/index')
//   import visitingTips from '@/components/visitingTips.vue'
  export default {
    components: {
    //   visitingTips
    },
    data () {
      return {
        linkUrl: ''
      }
    },
    computed: {
    //   ...mapState([
    //     'messageList', 'unreadList', 'totleChat', 'allChat', 'doctorInfo', 'sessionsList'
    //   ])
    },
    mounted () {
    
    },
    onLoad (options) {
      let that = this
      mpvue.getStorage({
        key: 'hiseeToken',
        success (res) {
          let token = res.data
          let url = `${that.$linkUrl}/#/pages/index?appid=${options.appid}`
          that.linkUrl = url
          console.log(that.linkUrl,'url')
      }
      })
    },
    methods: {
    },
    onShow () {
      
    },
    watch: {

    }
  }
</script>

<style scoped lang='less'>
  .subPage {
    display: flex;
    flex-direction: column;
    background: #F9F9F9;
  }
  .bomBox{
    // display:flex;
    // flex-direction: row;
    // height: 1100rpx;
    // height: 1206rpx;
    height: 100%;
    background: #FFFFFF;
    position: relative;
    //  height:600px;/去掉高度，只能垂直居中。
    display:flex;
    justify-content:center;
    align-items:center;
    .searchDefault{
      width:564rpx;
      height: 455rpx;
      position: relative;
      img{
        width: 100%;
        height: 100%;
      }
      div{
        width: 100%;
        font-size:31rpx;
        font-weight:400;
        color:rgba(0,0,0,0.4);
        text-align: center;
        position: absolute;
        top: 50%;
      }
    }
  }
  .box{
    // height: 1206rpx;
    overflow-y: auto;
    overflow-x: hidden;
    li{
      height: 297rpx;
      margin: 16rpx 0;
      background: #FFFFFF;
      // border: 1rpx solid red;
      padding: 17rpx 30rpx 8rpx 30rpx;
      .doctorImg{
        width:130rpx;
        height:130rpx;
        // margin-right: 20rpx;
        // opacity:0.03;
        // border: 1rpx solid red;
        img{
          width:100%;
          height:100%;
          border-radius:50%;
        }
        // display: inline-block;
      }
      .topBox{
        height: 175rpx;
        width: 100%;
        display: flex;
        flex-direction: row;
        // display: inline-block;
      }
      .doctorMsg{
        width: 530rpx;
        height: 100%;
        border-bottom: 1rpx solid #E9E9E9;
        margin-left:20rpx;
        .docTop{
          height: 100%;;
        }
      }
      .docName{
        display: inline-block;
        width: 36%;
        text-align: left;
        font-size:38rpx;
        font-weight:600;
        color:rgba(74,113,232,1);
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
      }
      .docPosition{
        display: inline-block;
        width: 64%;
        text-align: right;
        font-size:30rpx;
        font-weight:600;
        color:rgba(51,51,51,1);
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
      }
      .docIntroduce{
        margin:20rpx 0;
        max-height: 88rpx;
        width: 100%;
        font-size:30rpx;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        // line-height: 88rpx;
        font-weight:200;
        color:rgba(153,153,153,1);
      }
      .docBom{
        padding:8rpx 0;
        width: 570rpx;
        position: relative;
        right: 20rpx;
        top: 20rpx;
        z-index: 1;
        img{
          display: inline-block;
          width: 103rpx;
          height: 103rpx;
          margin-right: 5rpx;
          vertical-align: bottom;
        }
        div{
          display: inline-block;
        }
        .itemTxt{
          // margin:10rpx 0;
          height: 103rpx;
        }
        .btnLeft{
          width: 42%;
          margin-right: 16%;
        }
        .btnRight{
          width: 42%;
        }
        p{
          font-size:26rpx;
          font-weight:400;
          
        }
        .topP{
          margin-top: 12rpx;
          margin-bottom: 6rpx;
          color:rgba(51,51,51,1);
        }
        .bomP{
          color: #666666;
        }
      }
    }
  }
  .modalClass{
    position: absolute;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    background: rgba(0, 0, 0, 0.6);
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    z-index: 9;
    // background:rgba(0,0,0,1);
    // opacity:0.6;
    .modalBox{
      width: 617rpx;
      // height:663rpx;
      z-index:99;
      background: #FFFFFF;
      border-radius:12px;
      position: relative;
      .modalTit{
        width: 100%;
        img{
          width: 100%;
          height: 220rpx;
        }
      }
      .closeBox{
        width: 60rpx;
        height: 60rpx;
        position: absolute;
        right: -30rpx;
        top: -30rpx;
        img{
          width: 100%;
          height: 100%;
          z-index:99;
        }
      }
      .modalCenter{
        padding: 40rpx 30rpx 13rpx 37rpx;
        display: flex;
        flex-direction:column;
        .dataBox{
          margin-bottom: 20rpx;
          span{
            display: inline-block;
            font-size:28rpx;
            font-weight:400;
            color:rgba(102,102,102,1);
            vertical-align: middle;
          }
          .itemPie{
            width:12rpx;
            height:12rpx;
            background:rgba(74,100,234,1);
            border-radius: 50%;
            margin-right: 15rpx;
            // vertical-align: middle;
            margin-bottom: 5rpx;
          }
          .itemSpan{
            width:95%;

          }
        }
      }
      .modalFooter{
        width:544rpx;
        height:76rpx;
        background:rgba(74,100,234,1);
        border-radius:38rpx;
        font-size:28rpx;
        font-weight:600;
        color:rgba(255,255,255,1);
        margin: 0 37rpx 63rpx 37rpx;
        line-height: 76rpx;
        text-align: center;
      }
      .btnDis{
        background: #c5c8ce;
      }
    }
  }
  .topNav{
    height: 500rpx;
  }
</style>
